

<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>TI费用申请</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
        .handup{
            color: #a6e1fc;
            display: inline-block;
            padding-left: 10px;
            cursor: pointer;
        }
       .btn-white.active{
            color: #fff;
            background-color: #337ab7;
        }
        .tabdiv{
            display: none;
        }
        .tabdivActive{
            display: block;
        }
        .signatureImg{
            width: 100px;
            height: 34px;
            display: inline-block;
            vertical-align: middle;
            border:1px solid #ccc;
        }

        .titleImg{
            width: 20px;
            height: 20px;
            margin-right: 8px;
            display: inline-block;
            vertical-align: middle;
        }
        .table{
            margin-bottom: 10px;
        }
        .pImg{
          padding: 4px;
        }
    </style>
</head>

<body class="white-bg" style="padding: 3px;font-size: 13px">
    <div class="page-heade">
       <h2 class="title_color text-center">TI费用申请</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei" style="margin-bottom: 10px">
            <tr>
                <td style="" class="text-center">活动主题：</td>
                <td colspan="3">
                   TEST
                </td> 
                <td style="" class="text-center">活动编号：</td>
                <td>201805310008</td>
                <td style="" class="text-center">活动经销商：</td>
                <td>安顺市新城区天金副食经销部</td>
               </tr>
                <tr>
                    <td class="text-center">是否新进货&nbsp;<span class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" title="Tooltip on left"></span></td>
                    <td>进货</td>
                    <td style="width: 80px" class="text-right">进货时段</td>
                    <td> 2018-05-01至2018-06-13</td>
                    <td style="" class="text-center">承诺进货额：</td>
                    <td>999.00元</td>
                    <td class="text-center">预计进货费比&nbsp;<span class="fa fa-question-circle" data-toggle="tooltip" data-placement="left" title="注：预计进货费比=总预计费用额/承诺进货额"></span></td>
                    <td>1003.00%</td>
                </tr>
        </table>
        <p class="clearfix"><button class="btn btn-info " type="button"><i class="fa fa-paste"></i> 导出Excel</button><span style="float: right;">金额单位：元</span></p>
        <div style="margin: 10px 0 5px" id="tabA">
             <a href="javascript:;" class="btn btn-success btn-outline">基本信息</a>
             <a href="javascript:;" class="btn btn-info btn-outline">详细信息</a>
             <a href="javascript:;" class="btn btn-primary btn-outline">货补清单</a>
             <a href="javascript:;" class="btn btn-warning btn-outline">审批信息</a>
        </div>
       
        <div id="tabbox" style="width: 100%;overflow: hidden">
            <div class="tabdiv tabdivActive">
                 <table class="table table-bordered table-striped">
            <thead>
                <tr class="info">
                    <th class="text-center">活动期间</th>
                    <th class="text-center">活动描述</th>
                    <th class="text-center">活动产品</th>
                    <th class="text-center">活动系统名/网点数</th>
                    <th class="text-center">费用类型</th>
                    <th class="text-center">费用额</th>
                    <th class="text-center">支付方式</th>
                    <th class="text-center">费用说明</th>
                    <th class="text-center">不做活动销量</th>
                    <th class="text-center">做活动销量</th>
                    <th class="text-center">费用率</th>
                    <th class="text-center">ROI</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                   <td>
                    <p>2018-06-13</p>
                    <p>2018-07-04</p>
                    <p>共22天</p>
                  </td>
                   <td><span>123123</span><br><a href="javascript:;" title="点击打开详情" data-toggle="modal" data-target=".bs-example-modal-lg">201806060003_80000015</a></td>
                   <td>
                        <p class="proName">40克舒爽爱牙乐儿童牙膏草莓味</p>
                        <p class="proName">40克舒爽爱牙乐儿童牙膏草莓味</p>
                        <p class="spanTotal" data-toggle="tooltip" data-placement="bottom" title="">共<span>2</span>个单品</p>
                   </td>
                   <td>
                        <p>长沙沃尔玛/<span>4</span>家</p>
                        <p class="spanTotal" data-toggle="tooltip" data-placement="bottom" title="">共<span>1</span>个系统</p>
                   </td>
                   <td>样酒</td>
                   <td class="text-right">23213.00</td>
                   <td>事后货补</td>
                   <td></td>
                   <td class="text-right">12.00</td>
                   <td class="text-right">11.00</td>
                   <td class="text-right">211027.27%</td>
                   <td class="text-right">-0.00%</td>
                </tr>
            </tbody>
            <tfoot>
                <tr class="trTotal text-right">
                    <td colspan="4">合计</td>
                    <td></td>
                    <td>23213.00</td>
                    <td></td>
                    <td></td>
                    <td>12.00</td>
                    <td>11.00</td>
                    <td>211027.27%</td>
                    <td>0.00%</td>
                </tr>
            </tfoot>
        </table>
         <div class="alert alert-warning" id="applyresult" style="margin-bottom: 4px;">
            本申请中：样酒：23213.00元；总费用：23213.00元。总预计销量：11.00元；总费用率：211027.27%；总ROI：0%；
        </div>
        <div class="alert alert-warning">
          费用申请说明：1、如未达到当月承诺未税进货金额，则促销费用按实际未税进货金额比例相应减少
        </div>
            </div>
            <div class="tabdiv" >
             <div style="overflow-x: auto;margin-bottom: 10px">
                 <table class="table table-striped table-bordered table-hover text-center bud_hei" >
                  <thead>
                      <tr class="info">
                        <th class="text-center" style="min-width: 80px">状态</th>
                        <th class="text-center" style="min-width: 80px">序号</th>
                        <th class="text-center" style="min-width: 80px">编号</th>
                        <th class="text-center" style="min-width: 190px">经销商名称</th>
                        <th class="text-center" style="min-width: 190px">活动执行时间</th>
                        <th class="text-center" style="min-width: 120px">预计核销时间</th>
                        <th class="text-center" style="min-width: 80px">产品类型</th>
                        <th class="text-center" style="min-width: 190px">产品名称</th>
                        <th class="text-center" style="min-width: 110px">三级费用科目</th>
                        <th class="text-center" style="min-width: 80px">支付方式</th>
                        <th class="text-center" style="min-width: 80px">未税金额</th>
                        <th class="text-center" style="min-width: 120px">是否增值税<br>（可抵扣）</th>
                        <th class="text-center" style="min-width: 80px">税率</th>
                        <th class="text-center" style="min-width: 80px">含税金额</th>
                        <th class="text-center" style="min-width: 110px">实际投入费用</th>
                        <th class="text-center" style="min-width: 80px">已核销费用</th>
                        <th class="text-center" style="min-width: 80px">费用说明</th>
                        <th class="text-center" style="min-width: 80px">做活动销量</th>
                        <th class="text-center" style="min-width: 80px">预计费用率</th>
                        <th class="text-center" style="min-width: 80px">实际销量</th>
                        <th class="text-center" style="min-width: 80px">ROI</th>
                        <th class="text-center" style="min-width: 80px">活动简述</th>
                        <th class="text-center" style="min-width: 80px">成本中心</th>
                        <th class="text-center" style="min-width: 80px">陈列类型</th>
                        <th class="text-center" style="min-width: 80px">陈列位置</th>
                        <th class="text-center" style="min-width: 80px">陈列尺寸</th>
                        <th class="text-center" style="min-width: 240px">收款方</th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr>
                        <td>正常</td>
                        <td>1</td>
                        <td>201806060003_80000015_1</td>
                        <td>广东省广州市博洁商贸有限公司</td>
                        <td>2018-06-06至2018-06-21</td>
                        <td>2018-09-19</td>
                        <td>单品</td>
                        <td>40克舒爽爱牙乐儿童牙膏草莓味</td>
                        <td>新品开发费</td>
                        <td>转账</td>
                        <td class="text-right">555.5</td>
                        <td>是</td>
                        <td class="text-right">6%</td>
                        <td class="text-right">588.83</td>
                        <td class="text-right">555.5</td>
                        <td class="text-right">0</td>
                        <td></td>
                        <td class="text-right">0</td>
                        <td class="text-right">0%</td>
                        <td></td>
                        <td class="text-right">0%</td>
                        <td>22222</td>
                        <td>华南大区</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>经销商：广东省广州市博洁商贸有限公司</td>
                      </tr>
                       <tr>
                        <td>正常</td>
                        <td>2</td>
                        <td>201806060003_80000015_2</td>
                        <td>广东省广州市博洁商贸有限公司</td>
                        <td>2018-06-06至2018-06-21</td>
                        <td>2018-09-19</td>
                        <td>单品</td>
                        <td>40克舒爽爱牙乐儿童牙膏草莓味</td>
                        <td>新品开发费</td>
                        <td>转账</td>
                        <td class="text-right">555.5</td>
                        <td>是</td>
                        <td class="text-right">6%</td>
                        <td class="text-right">588.83</td>
                        <td class="text-right">555.5</td>
                        <td class="text-right">0</td>
                        <td></td>
                        <td class="text-right">0</td>
                        <td class="text-right">0%</td>
                        <td></td>
                        <td class="text-right">0%</td>
                        <td>22222</td>
                        <td>华南大区</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>经销商：广东省广州市博洁商贸有限公司</td>
                      </tr>
                  </tbody>
              </table>
              
             </div>
                <div class="alert alert-warning" id="applyresult" style="margin-bottom: 4px;">
            本申请中：样酒：23213.00元；总费用：23213.00元。总预计销量：11.00元；总费用率：211027.27%；总ROI：0%；
        </div>
        <div class="alert alert-warning">
          费用申请说明：1、如未达到当月承诺未税进货金额，则促销费用按实际未税进货金额比例相应减少
        </div>
            </div>
            <div class="tabdiv">
                     <table class="table table-bordered table-striped text-center">
            <thead>
                <tr class="info">
                    <th class="text-center">申请类型</th>
                    <th class="text-center">物料名称</th>
                    <th class="text-center">物料类型</th>
                    <th class="text-center">规格</th>
                    <th class="text-center">单位</th>
                    <th class="text-center">单价(元)</th>
                    <th class="text-center">数量</th>
                    <th class="text-center">金额(元)</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                   <td>补货</td>
                   <td class="text-left">宣传海报</td>
                   <td>物料</td>
                   <td>1</td>
                   <td>套</td>
                   <td>12</td>
                   <td>10</td>
                   <td>120</td>
                </tr>
                 <tr>
                   <td>补货</td>
                   <td class="text-left">西部人纯葵花籽油1L</td>
                   <td>样品</td>
                   <td></td>
                   <td>箱</td>
                   <td>750</td>
                   <td>10</td>
                   <td>7500</td>
                </tr>
            </tbody>
        </table>
         <div class="alert alert-warning" id="applyresult" style="margin-bottom: 4px;">
            本申请中：样酒：23213.00元；总费用：23213.00元。总预计销量：11.00元；总费用率：211027.27%；总ROI：0%；
        </div>
        <div class="alert alert-warning">
          费用申请说明：1、如未达到当月承诺未税进货金额，则促销费用按实际未税进货金额比例相应减少
        </div>
            </div>
            <div class="tabdiv">
                <div class="alert alert-warning">
                        <p>
                            <img src="" alt="" class="signatureImg">&nbsp;&nbsp;
                           <button class="btn btn-success btn-circle btn-sm" type="button"><i class="fa fa-upload"></i>
                            </button>
                            &nbsp;&nbsp;<span>华中大区-华中大区销售代表 蔡启豪 审批动作：提交申请；审批意见：提交申请；（<i class="fa fa-clock-o"></i>审批时间：2018-05-31 19:37:19）</span>
                        </p>
                   
                        <p>
                           <img src="" alt="" class="signatureImg">&nbsp;&nbsp;
                           <button class="btn btn-info btn-circle btn-sm" type="button"><i class="fa fa-check"></i>
                            </button>
                            &nbsp;&nbsp;<span>华中大区-华中大区销售代表 蔡启豪 审批动作：审批通过；审批意见：ok；（<i class="fa fa-clock-o"></i>审批时间：2018-05-31 19:37:19）</span>
                        </p>
                  
                        <p>
                           <img src="" alt="" class="signatureImg">&nbsp;&nbsp;
                           <button class="btn btn-info btn-circle btn-sm" type="button"><i class="fa fa-check"></i>
                            </button>
                            &nbsp;&nbsp;<span>华中大区-华中大区销售代表 曾小倩 审批动作：归档；审批意见：ok；（<i class="fa fa-clock-o"></i>审批时间：2018-05-31 19:37:19）</span>
                        </p>
                 </div>
            </div>

        </div>
    
    </form>
   <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
       <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="font-size: 22px;">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel" style="font-weight: normal;font-size: 18px">201806060003_80000015</h4>
      </div>
      <div class="modal-body">
        <div class="padding-10">
           <p class="pImg"><img  class="titleImg" src="__STATIC__/layout/img/activityXiTong.png" alt=""><b>基本信息</b></p>
        <table class="table table-bordered bud_hei table-hover">
            <thead>
                <tr class="info">
                    <th class="text-center">活动期间</th>
                    <th class="text-center">预算期间</th>
                    <th class="text-center">预计核销日期</th>
                    <th class="text-center">活动简述及目的</th>
                </tr>
            </thead>
            <tbody>
                <tr class="text-center">
                    <td>2018-05-02至2018-06-12&nbsp;&nbsp;<span class="colorRed">42天</span></td>
                    <td>2018-05-01至2018-05-31</td>
                    <td>2018-08-11</td>
                    <td>test</td>
                </tr>
            </tbody>
        </table>
           <p class="pImg"><img  class="titleImg" src="__STATIC__/layout/img/activityXiTong.png" alt=""><b>费用详情</b></p>
        <table class="table table-bordered bud_hei table-hover">
            <thead>
                <tr class="info">
                    <th class="text-center">费用类型</th>
                    <th class="text-center">支付方式</th>
                    <th class="text-center">未税总额</th>
                    <th class="text-center">收款方</th>
                    <th class="text-center">成本中心</th>
                    <th class="text-center">费用说明</th>
                </tr>
            </thead>
            <tbody>
                <tr class="text-center">
                    <td>经销商特价补差</td>
                    <td>转账</td>
                    <td class="text-right">2400</td>
                    <td>经销商：安顺市新城区天金副食经销部</td>
                    <td>福州市，100%</td>
                    <td></td>
                </tr>
            </tbody>
        </table>
          <p class="pImg"><img  class="titleImg" src="__STATIC__/layout/img/activityXiTong.png" alt=""><b>客户详情</b>&nbsp;&nbsp;&nbsp;&nbsp;网点</p>
         <table class="table table-bordered bud_hei" id="angencyTable">
            <tr>
                <td><b>万家天河公园分店</b></td>
            </tr>
        </table>
             <p class="pImg"><img  class="titleImg" src="__STATIC__/layout/img/activityXiTong.png" alt=""><b>产品详情</b>&nbsp;&nbsp;&nbsp;&nbsp;单品</p>
         <table class="table table-bordered bud_hei table-hover" id="proTable">
              <thead>
                  <tr class="info">
                    <th class="text-center">产品名称</th>
                    <th class="text-center">经销商特价</th>
                    <th class="text-center">网点特价</th>
                    <th class="text-center">零售价</th>
                    <th class="text-center">产品说明</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                    <td class="text-center">40克舒爽爱牙乐儿童牙膏草莓味</td>
                    <td>
                      <p>原供价：240元/箱</p>
                      <p>现供价：216元/箱</p>
                      <p>折价率：10% OFF</p>
                      <p><i>顺加0.00% &nbsp;倒扣0.00%</i>&nbsp;&nbsp;<span class="fa fa-question-circle" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="经销商的顺加毛利率=（网点现供价-经销商现供价）/经销商现供价"></span></p>
                    </td>
                    <td>
                      <p>原供价：240元/箱</p>
                      <p>现供价：216元/箱</p>
                      <p>折价率：10% OFF</p>
                      <p><i>顺加-95.83% &nbsp;倒扣-2300.00%</i>&nbsp;&nbsp;<span class="fa fa-question-circle" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="经销商的顺加毛利率=（网点现供价-经销商现供价）/经销商现供价"></span></p>
                    </td>
                    <td>
                      <p>原销售：10元/箱</p>
                      <p>原销售：9元/箱</p>
                    </td>
                    <td></td>
                  </tr>
              </tbody>
        </table>
         <p class="pImg"><img  class="titleImg" src="__STATIC__/layout/img/activityXiTong.png" alt=""><b>销量预测</b>&nbsp;&nbsp;&nbsp;&nbsp;不涉及销量</p>
         <table class="table table-bordered bud_hei table-hover" id="sallTable">
            <thead>
                <tr class="info">
                    <td>预计销售类型</td>
                    <td>不做活动销售额</td>
                    <td>做活动销售额</td>
                    <td>增量销售额</td>
                    <td>申请费用额合计</td>
                    <td>预计费用率</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td class="text-right">2400</td>
                  <td></td>
                </tr>
            </tbody>
        </table>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/common.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
     $(function () {
            $('[data-toggle="tooltip"]').tooltip()
    })

/*tab切换*/
$("#tabA a").click(function(){
    var i = $(this).index();
    $("#tabbox .tabdiv").eq(i).addClass('tabdivActive').siblings().removeClass('tabdivActive');
})

$(".spanTotal").each(function(){
    $(this).attr("title",$(this).siblings().text())
})
</script>
</body>

</html>